<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>VUE入门示例</title>
    <!--引入vue.js脚本文件-->
    <script src="node_modules/vue/dist/vue.js"></script>
</head>
<body>
    <!--1.定义视图-->
   <div id="app">
      <p>名字：{{name}}，年龄：{{age}}，insterest：{{insterest.ois}}</p>
   </div>
</body>
</html>
<script type="text/javascript">
    /**
     * 2.定义模型，也是就是数据
     */
    var dataModel = {
       name:'农英楼',
       age:24,
        insterest:{
           ois:"fiodfk"
        }
    };

    /**
     * 3.创建一个VUE的实例，也是ViewModel
     */
    //new Vue();这段代码的意思是通过vue提供的构造函数来创建一个实例，
    var vm = new Vue({
        el:"#app",//绑定视图
        data:dataModel//绑定model
    });
</script>